<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:: RASTREO ::</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link rel="stylesheet" type="text/css" href="css/estilosLightbox.css">
<link rel="stylesheet" type="text/css" href="css/estilosSqueezeBox.css">
<link rel="stylesheet" type="text/css" href="css/estilosCalendario.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/estilosTooltip.css" media="all">
<link rel="stylesheet" type="text/css" href="css/estilosEditableTexto.css">
<style type="text/css">
<!--
.style1 {
	color: #37516d;
	font-weight: bold;
	font-size: 11px;
}
-->
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>

$(document).ready(function() {
	var ht= window.location.hostname;
	$("#myButton").click(function() {
		$.ajax({			
			//http://localhost:8080/jaxws-tracking/services/rest/rastrearTraslado/porRemito/125
			url: 'http://'+ ht +':8080/jaxws-tracking/services/rest/rastrearTraslado/porRemito/'+													
			$("#numRemito").val(),
			type: 'GET',
			success: function(data) {				
				$("#txtRemito").val(data.Remito);
				$("#txtTipoEnvio").val(data.TipoEnvio);
				$("#txtEmision").val(data.Emision);					
				$("#txtCodDespa").val(data.CodDespacho);
				$("#txCodCliente").val(data.CodCliente);
				$("#txtCiudadOrigen").val(data.CiudadOrigen);
				$("#txtCiudadDestino").val(data.CiudadDestino);
				$("#txtConsignado").val(data.Consignado);
				$("#txtDirEntrega").val(data.DireccionEntrega);
				$("#txtNroVolumen").val(data.NroVolumen);
				$("#txtPesoReal").val(data.PesoReal);
				$("#txtCodHidrocarburo").val(data.CodHidrocarburo);
				$("#txtEstado").val(data.Estado);
				$("#txtFecCarga").val(data.FechaCarga);
				$("#txtFecDescargo").val(data.FechaDescargo);			
				$("#Mensaje").html("");
			},
			error: function(data) {
				$("#Mensaje").html("Debe ingresar el numero de remito");
				$("#numRemito").focus();
				//alert("Error");
			}
		});
	});
 });

</script>
</head>

<body>

<div id="contenedor">
  <div id="cuerpo">
    <div id="escritorio">
        	<h1>REMITO TRASLADO </h1>
        	<p>&nbsp;</p>
   	  <div class="esc_divEnableTab">
   	  <form action="" method="post" name="form1" class="esc_formulario">
   	    <p><div align="justify"> 
		Ingrese el N�mero de Remito :&nbsp;<input id="numRemito" type="text" maxlength="7" width="100px"/> 
		<input type="button" id="myButton" value="Localizar" class="mooeditable-ui-toolbar"/>
		<input type="reset" name="btnLimpia" class="mooeditable-ui-toolbar" value="Limpiar">
		<span id="Mensaje"></span>
		</div> </p>
   	    	<label><div align="left">&nbsp;</div></label>
				<!--select name="selecion" size="1"> 
				<option value="1">Opcion 1</option> 
				<option value="2">Opcion 2</option> 
				</select-->
   	    <p>&nbsp;</p>
   	    
   	      <table width="100%%" border="0" class="esc_for_CapaTabla">
            <tr>
              <td width="19%"><div align="right" class="style1">
                  <div align="right">Remito:</div>
              </div></td>
              <td width="81%"><label></label>
              <div align="left">
                <input name="txtRemito" type="text" id="txtRemito">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Tipo de Envio: </span></div></td>
              <td><div align="left">
                <input name="txtTipoEnvio" type="text" id="txtTipoEnvio">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Emisi&oacute;n:</span></div></td>
              <td><div align="left">
                <input name="txtEmision" type="text" id="txtEmision">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">C&oacute;digo de Despacho: </span></div></td>
              <td><div align="left">
                <input name="txtCodDespa" type="text" id="txtCodDespa">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">C&oacute;digo de Cliente: </span></div></td>
              <td><div align="left">
                <input name="txCodCliente" type="text" id="txCodCliente">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Ciudad de Origen: </span></div></td>
              <td><div align="left">
                <input name="txtCiudadOrigen" type="text" id="txtCiudadOrigen">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Ciudad de Destino: </span></div></td>
              <td><div align="left">
                <input name="txtCiudadDestino" type="text" id="txtCiudadDestino">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Consignado:</span></div></td>
              <td><div align="left">
                <input name="txtConsignado" type="text" id="txtConsignado">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Direcci&oacute;n de Entrega </span></div></td>
              <td><div align="left">
                <input name="txtDirEntrega" type="text" id="txtDirEntrega">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Nro. Volumen: </span></div></td>
              <td><div align="left">
                <input name="txtNroVolumen" type="text" id="txtNroVolumen">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Peso Real: </span></div></td>
              <td><div align="left">
                <input name="txtPesoReal" type="text" id="txtPesoReal">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Cod. Hidrocarburo: </span></div></td>
              <td><div align="left">
                <input name="txtCodHidrocarburo" type="text" id="txtCodHidrocarburo">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Estado:</span></div></td>
              <td><div align="left">
                <input name="txtEstado" type="text" id="txtEstado">
              </div></td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Fecha Carga: </span></div></td>
              <td><div align="left">
                <input name="txtFecCarga" type="text" id="txtFecCarga">
              </div>              </td>
            </tr>
            <tr>
              <td><div align="right"><span class="style1">Fecha Descargo: </span></div></td>
              <td><div align="left">
                <input name="txtFecDescargo" type="text" id="txtFecDescargo">
              </div></td>
            </tr>
            <tr>
              <td><img src="../progress_intransit_ltr.gif"/></td>
              <td>&nbsp;</td>
            </tr>
          </table>
        </form>
   	    <p>&nbsp;</p>
   	    <p>&nbsp;</p>
      </div>
      <p>&nbsp;</p>
    </div>
   
  </div>

</div>
</body>
</html>